@charset "utf-8";


/* nav */
#nav {width: 94%;min-height: 6.5rem;height: auto;top: 2.5rem;left:3%;box-shadow: 0px 0.3rem 2.1875rem 0px rgba(0, 0, 0, 0.11);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
#nav .logo99 a {display: block;width: 13rem;height: 5rem;}
#nav .logo99 {width: 12%;top: 1.2rem;transform:none;}
#nav .logo99 img {display: block;max-width: 100%;max-height: 100%;}
#nav .verticalBox {top: 1.875rem;transform:none;}
.nav-content {left:auto;width: 76%;position: relative;overflow: hidden;float: none;margin: auto;text-align: center;padding-left: 4.2rem;}
.nav-content ul {font-size: 0;overflow: hidden;}
.nav-content ul li {display: inline-block;vertical-align: top;float: none;position: relative;}
.nav-content ul li a {font-size: 1rem;display: block;}
.nav-content ul li a:hover {color: #cf001b;}
.nav-content ul li a::after {content:'';display: none;width:20px;height:4px;background: #cf001b;position: absolute;left:0;top:88px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover a::after {display: none;}
.nav-content ul li {padding:0 4%;margin: 0;}
.nav-content ul li:first-child {padding:0 3% 0 0;}
.nav-content ul li:last-child {padding:0 0 0 3%;}
.nav-content ul li:hover a {color: #8d8d8d;}
.nav-content ul li:hover a:hover {color: #cf001b;}
.nav-show {display: none;height: 0px;padding: 3% 0;width:100%;font-size: 0;text-align: left;position: relative;}
.nav-show::after {content:'';display: none;width:20px;height:4px;background: #cf001b;position: absolute;left:0;top:-12px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover .nav-show::after{display: block;}
.nav-show a{color: #999;font-size: 14px!important;display: block;line-height: 32px;font-weight: normal;position: relative;}
.nav-show a::after {display: none!important;}
.nav-show a::before {content: '';display:block;width:0px;height: 1px;background: #cf001b;position: absolute;left: 0;top: 50%;z-index: 3;opacity: 0;}
.nav-show a:hover {color: #cf001b;padding-left:5px;}
.nav-show a:hover::before {width:5px;}
.nav-content.cur .nav-show {display: block;height:100%;}
.nav-content ul li a::before {content: '';display: none;width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top:90px;}
.nav-content.cur ul li a::before{display: block;}
.nav-content.cur ul{padding-bottom: 5%;}

.langhover {position: relative;}
.langshow {background: #fff;display: none;position: absolute;right: -35%;top:22px;padding:10px 20px;border-radius: 10px;}
.langshow a{ color: #000;display: block;padding:5px 0;font-size: 14px;float: none;}
.langshow a:hover {color: #cf001b;}
.navRight a#searchBtn,.navRight a#lang {/* width: 40px; *//* height: 40px; */}


#nav.scroll-top {top: 0px;width:100%;position: fixed;left: 0;}
#nav.scroll-down {top: 0px;width:100%;position: fixed;left: 0;z-index: 99999999999999;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}


 
#footer {width: 100%;height:auto;}
#footer .footer-top {padding-left:0px;padding-right:0;height:auto;width: 83%;margin: auto;}
.footer-box {height:auto;padding:2% 0 1.6% 0;border-bottom: 1px solid #505050;overflow: hidden;margin-bottom:2%;}
.footer-fLeft img {position: relative;top: auto;transform:none;}
.footer-fRight {line-height: normal;width: 80%;padding-top:10px;}
.footer-fRight ul {text-align: right;}
.footer-fRight ul li {float: none;margin-left:3%;height: auto;display: inline-block;vertical-align: middle;}
.footer-bottom {width: 83%; margin: 0 auto;height: auto;padding-bottom: 2%;}
.fbr ul {height:auto;margin-bottom: 48px;overflow: hidden;}
.fbr a {color:#5a5a5a;}
.fbr a:hover {color: #fff;}



/* index */
.index-banner {position: relative;}
.index-banner .img{position: relative;}
.index-banner .img img{display: block;width: 100%;height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 8%;right: 5%; left: auto;width:auto;}


.news-arrival .t1 p{ text-transform: uppercase;}
.news-arrival .new-top a {bottom: 10px;}
.news-arrival {width:83%;margin: auto;padding-bottom:6%; }
.news-arrival .left{float: left;position: relative;width:40%;}
.news-arrival .left .item{position: relative;}
.news-arrival .left .item a{display: block;position: relative;background: #fff;border-radius: 10px;overflow: hidden;}
.news-arrival .left .item .img{position: relative;}
.news-arrival .left .item .txt{position: absolute;left: 0;top:10%;width: 100%;text-align: center;}
.news-arrival .left .item .txt h3{font-size: 30px;color: #000;}
.news-arrival .left .item .txt span{font-size:20px;color:#8d8d8d;;}
.news-arrival .left .item .more{position: absolute;left:50%;bottom:10%;margin-left: -74px; width: 148px;height: 52px;line-height: 52px; font-size: 14px;color: #acacac;text-align: center;font-weight: bold;}
.news-arrival .left .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.news-arrival .left .item a:hover .more{background: #cf001b;color: #fff;}
.news-arrival .right {float: left;position: relative;width:59%;margin-left: 1%;}
.news-arrival .right .item {position: relative;float: left;width: 49%;}
.news-arrival .right .item a{display: block;position: relative;background: #fff;border-radius: 10px;overflow: hidden;}
.news-arrival .right .item .img .img-rightbottom{position: absolute;right: 10%;bottom: 15%;width: auto;height: auto;}
.news-arrival .right .item .txt{position: absolute;left:10%;top:10%;text-align: left;}
.news-arrival .right .item .txt h3{font-size: 24px;color: #000;}
.news-arrival .right .item .txt span{font-size:16px;color:#8d8d8d;;}
.news-arrival .right .item .more{position: absolute;left:12%;bottom:10%;height: 52px;line-height: 52px; font-size: 14px;color: #acacac;font-weight: bold;}
.news-arrival .right .item a:hover .more{color: #cf001b;}
.news-arrival .right .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.news-arrival .right .item.ri1 {margin-right: 1.5%;margin-bottom: 1.5%;}
.news-arrival .right .item.ri2 {margin-bottom: 1.5%;}
.news-arrival .right .item.ri3 {margin-right: 1.5%;}


.brand-adva {position: relative;clear: both;overflow: hidden;margin-bottom: 0rem;}
.brand-adva .bgtxt{color: #2b2b2b5e;text-transform: uppercase;font-size: 18.5rem;line-height: 15rem;position: absolute;width:200%;left: 0;top: 0;font-weight: bold;}
.brand-adva-content {position: relative;overflow: hidden;margin-top: 8rem;}
.brand-adva .left{position: relative;float:left;width: 50%;}
.brand-adva .left .img {position: relative;background: #ccc;border-radius: 0 1.25rem 1.25rem 0;overflow: hidden;box-shadow: 0px 0px 1.5625rem 0.1rem rgba(0, 0, 0, 0.11);}
.brand-adva .right{position: absolute;width:35%;height:100%;top:0px;right: 5%;}
.brand-adva .right .item3{padding:7% 0;overflow: hidden;}
.brand-adva .right .item3 .item{overflow: hidden;clear: both;padding: 3% 0;}
.brand-adva .right .item3 .item i{display: block;width: 3.125rem;height: 3.125rem;position: relative;float: left;}
.brand-adva .right .item3 .item .txt{float: left;font-size: 1.125rem;position: relative;padding-left: 5%;}
.brand-adva .right .item3 .item .txt::before {content: '';display: block;width: 0.1rem;height: 100%;background: #ccc;position: absolute;left:4%;top: 0;}
.brand-adva .right .item3 .item .txt span{display: block;padding-bottom: 0.4rem;}
.brand-adva .right .item3 .item .txt h4{}
.brandmore {display: block;color: #000000;width: 9rem;height: 3rem;border: 2px solid #000000;text-align: center;line-height: 3rem;border-radius: 0.3rem;font-weight: bold;font-size: 1.25rem;}
.brandmore:hover {background: #000;color: #fff;}


.apply {margin-bottom: 100px;}
.apply-nav {text-align: right;float: right;width: 60%;margin-top: 20px;}
.apply-nav a{display: inline-block;vertical-align:middle;padding:1% 4% 2% 4%;font-size:20px;font-weight:bold;color:#b0b0b0;position:relative;}
.apply-nav a:hover {color: #000;}
.apply-nav a::after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom:0px;left: 0;}
.apply-nav a.cur{color: #000;}
.apply-nav a.cur::after {background: #000;}
.apply-nav a.more{padding-right: 30px;background: url("../upload/r4.svg") right 30% no-repeat;background-size: 20%;}
.apply-top {margin-bottom:0px;}
.apply-swiper {width: 100%;overflow: hidden;}
.apply-case-swiper.swiper-container {width: 91.5%;float: right;padding:3% 0;}
.apply-case-swiper a{display: block;overflow: hidden;width: 100%;}
.apply-case-swiper .item {position: relative;}
.apply-case-swiper .item .img{background: #ccc;position: relative;border-radius: 10px;overflow: hidden;}
.apply-case-swiper .item .mark-2 {position: absolute;z-index: 30;width: 100%;height: 100%;left: 0;bottom: 0;background: url("../upload/mark1.png") bottom repeat-x;}
.apply-case-swiper .item .txt{position: absolute;z-index:40;color: #fff;bottom:10%;left: 5%;}
.apply-case-swiper .item .txt h5{font-weight: normal;position: relative;display: inline-block;padding-right: 30px;font-size: 14px;}
.apply-case-swiper .item .txt h5::after {content: '';display: block;width: 20px;height:3px;background: #cf001b;position: absolute;right: 0;top: 50%;}
.apply-case-swiper .item .txt h3{padding-top: 10px;font-size: 20px;}
.apply-case-swiper a:hover .img .img-center{transform:scale(1.1);} 
.apply-case-swiper a:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
.lastest-news {width:83%;margin: auto;padding-bottom:3%;}
.lastest-news .left{float: left;width:14%;}
.lastest-news .lnews-nav{padding: 60px 0;overflow: hidden;}
.lastest-news .lnews-nav a{display: block;border: 2px solid #ccc;text-align: center;width: 140px;font-size: 16px;line-height: 50px; color: #b0b0b0;font-weight: bold;border-radius: 5px;margin-bottom:20px;}
.lastest-news .lnews-nav a.cur,.lastest-news .lnews-nav a:hover{color: #000;border:2px solid #000;}
.lastest-news .lnews-nav a.more{}
.lastest-news .right{float: left;width:86%;}
.lastest-news .right .inews-swiper {padding-bottom: 5%;overflow: hidden;}
.lastest-news .right .inews-item {float: left;width:44%;}
.lastest-news .right .inews-item a{display: block;border-radius: 10px;overflow: hidden;}
.lastest-news .right .inews-item a .img{position: relative;background: #ccc;}
.lastest-news .right .inews-item a .txt{position: relative;padding: 5%;overflow: hidden;color: #8d8d8d;}
.lastest-news .right .inews-item a .txt h2{font-size: 20px;color: #000;padding-bottom: 10px;}
.lastest-news .right .inews-item a .txt h4{font-size: 14px;font-weight: normal;padding-bottom: 30px;}
.lastest-news .right .inews-item a .txt h6{font-size: 16px;overflow: hidden;display: block;}
.lastest-news .right .inews-item a .txt h6 span{float: right;text-align: right;display: block;color: #cecece;}
.lastest-news .right .inews-item a .txt h6 span.more {float:left;color:#8d8d8d;text-align:left;background:url("../upload/r4.svg") right no-repeat;padding-right: 30px;}
.lastest-news .right .inews-item a {background: #fff;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.lastest-news .right .inews-item a:hover  h2{color: #cf001b;}
.lastest-news .right .inews-item a:hover .txt h6 span.more {background: url("../upload/r3.svg") right no-repeat;}
.lastest-news .right .inews-item-list {float: left;width:47%;padding-left:5%;}		
.lastest-news .right .inews-item-list a {padding:4.5% 0;display: block;overflow: hidden;position: relative;border-bottom: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a:first-child{border-top: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a .txt{position: relative;padding:5% 0;overflow: hidden;color: #8d8d8d;width:70%;}
.lastest-news .right .inews-item-list a .txt h3 {font-size: 18px;padding-bottom: 10px;}
.lastest-news .right .inews-item-list a .txt h4 {font-size: 14px;line-height: 24px;font-weight: normal;}
.lastest-news .right .inews-item-list a .data {position: absolute;width:17%;height: 100%;right: 0;top: 0;z-index: 3; color: #c4c4c4;text-align: right;}
.lastest-news .right .inews-item-list a .data::before {content: '';display: block;width: 2px;height:80px;position: absolute;left: 0;top: 50%;margin-top: -40px;background: #e5e5e5; }
.lastest-news .right .inews-item-list a .data::after {content: '';display: block;width:26px;height:22px;position: absolute;right:0;top: 50%;margin-top: -11px;background: url("../img/iToRight.svg");opacity: 0;transition:all .4s ease;}
.lastest-news .right .inews-item-list a .data ul {display: table;width:100%;height: 100%;}
.lastest-news .right .inews-item-list a .data ul li{display: table-cell;vertical-align: middle;}
.lastest-news .right .inews-item-list a .data h2{font-size: 40px;}
.lastest-news .right .inews-item-list a .data h4{font-size: 14px;color: #c4c4c4; font-weight: normal;}
.lastest-news .right .inews-item-list a:hover {background: #fff;}
.lastest-news .right .inews-item-list a:hover .txt {padding:5%;}
.lastest-news .right .inews-item-list a:hover .txt h3 {color: #cf001b;}
.lastest-news .right .inews-item-list a:hover .data h2,.lastest-news .right .inews-item-list a:hover .data h4 {opacity: 0;}
.lastest-news .right .inews-item-list a:hover .data::after {display: block;opacity: 1;right:40%;}

.moreStyle:hover span {letter-spacing: 5px;}




/* main */
.marginCenter {width: 83%;padding-top: 6rem;}
.nav-content ul li:last-child {margin-right: 0;}
#main {width: 100%;}
#content {width: 100%;height: auto;}
a,a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.pcshow {display: block!important;}
.mbshow {display: none!important;}
.clear {clear: both;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;padding-top: 3rem;}
.swiper-container {width: 100%;height: 100%;}
.img {position: relative;}
.img img {max-width: 100%;max-height: 100%;}
.img-center {display: block;width:auto;height: auto;/* position: absolute; */left: 0;right: 0;top: 0;bottom: 0;z-index: 10;margin: auto;}
.img-block {display: block;width: 100%;height: auto;}
.text {font-size: 0.875rem;line-height: 1.625rem;color: #545454;overflow: hidden;}
 
.aside-top {position: fixed; width: 50px;bottom:10%;right: 1%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;opacity: .5; display: block;overflow: hidden; background:url(../upload/aside-top2.svg) no-repeat center;background-size:70%;border:1px solid #a7a7a7;}
.aside-top a:hover {background: #cf001b url(../upload/aside-top.svg) no-repeat center;border:1px solid #cf001b ;background-size: 70%;opacity: 1;}
 
.hq-page-banner-top{position: relative;}
.hq-page-banner-top .column{width: 30%;position: absolute;left: 8.5%;bottom: 15%;z-index:11;color: #fff;}
.hq-page-banner-top .column h2{font-size: 40px;position: relative;}
.hq-page-banner-top .column h2::after {content: '';display: block;width:45px;height: 3px;background: #cf001b;margin: 10px 0;}
.hq-page-banner-top .column h4{font-size: 22px;opacity: .2;text-transform: uppercase;}

.hq-page-nav {width: 83%;margin: auto;padding: 50px 0;overflow: hidden;}
.hq-page-nav a{display: block;float: left;width: 10%;margin-right:10px;margin-bottom:10px;border-radius: 5px;padding:15px 0; background: #fff;color: #8d8d8d;text-align: center;font-size: 20px;font-weight: bold;}
.hq-page-nav a.cur{background: #cf001b;color: #fff;}
.hq-page-nav a:hover {background: #cf001b;color: #fff;}

.titles{}
.titles h3{font-size: 2.125rem;font-weight: bold;}
.titles h4{font-size: 1.25rem;text-transform: uppercase;opacity: .2;padding-top: 0.3rem;}




/* about */
.hq-about {background: #f5f5f5;}

.about-company-profile {position: relative;overflow: hidden;padding: 3% 0 6% 0;}
.about-company-profile .left{position: absolute;left: 15%;top:14%;width: 30%;height: 100%; }
.about-company-profile .left .text{padding: 5% 0 0 0;}
.about-company-profile .right {float: right;position: relative;width: 47%;padding-left: 7%;}
.about-company-profile .right .img {margin-bottom: 60px;border-radius: 20px;overflow: hidden;}
.about-company-profile .right .img-top{position: absolute;width: 36%;height: auto;left: 0; bottom: 0;z-index: 30;border-radius: 10px;overflow: hidden;}
.about-company-profile .right .img-top img {display: block;width: 100%;height: auto;}
 
.about-innovative {position: relative;padding-bottom:300px;overflow: hidden;}
.about-innovative .top {width: 83%;position: absolute;left:8.5%;top:90px;z-index: 20;text-align: center;color: #fff;}
.about-innovative .top .text{padding: 30px 0;opacity: .8;color: #fff;} 
.about-innovative .top .item3{text-align: center;} 
.about-innovative .top .item{position: relative;width: 32%;margin:.5%;border-radius: 10px;overflow:hidden;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);float: left;} 
.about-innovative .top .item:last-child {margin-right: 0;}
.about-innovative .top .item .txt{position: absolute;background: #fff;left: 0;bottom: 0;width:88%;z-index: 20;height:90px; padding:2% 8%;text-align: left;} 
.about-innovative .top .item .txt ul {display: table;width: 100%;height: 100%;margin: 0;padding: 0;}
.about-innovative .top .item .txt ul li{display: table-cell;vertical-align: middle;}
.about-innovative .top .item .txt h4{font-size: 18px;font-weight: bold;color: #000;position: relative;} 
.about-innovative .top .item .txt h4::after{content: '';display: inline-block;vertical-align: middle;margin-left:20px; width: 15px;height:3px;background: #cf001b;}
.about-innovative .top .item .txt h5{font-size: 14px;color: #8b8b8b;padding-top: 10px;font-weight: normal;} 

.about-product-quality {position: relative;overflow: hidden;background: #fff;}
.about-product-quality .left{float: left;width: 50%;}
.about-product-quality .right{position: absolute;right: 12%;top: 0;height:90%;width:33%;padding:3% 0;}
.about-product-quality .right .text{padding: 5% 0;}
.about-product-quality .right .icon3 li{display: inline-block;vertical-align: middle;list-style: none;margin: 0 5% 0 0;}
.about-product-quality .right .icon3 li i{position: relative;display: inline-block;vertical-align: middle;width:35px;height:35px;}
.about-product-quality .right .icon3 li i img{}
.about-product-quality .right .icon3 li span{font-size: 16px;color: #585858;padding-left: 10px;}

		
.about-development-history {position: relative;padding:7% 0 1% 0;overflow: hidden;}
.about-development-history .titles {text-align: center;}
.development-history {padding:3% 0;overflow: hidden;}
.development-history .item{position: relative;}
.development-history .item::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 95px; background: #bfbfbf;}
.development-history .item .img .img-center{opacity: .5;border-radius: 10px;display:block;width:60%;height: auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.development-history .item .text{text-align: center;padding-top: 10px;overflow: hidden;}
.development-history .item .text h4{font-size: 28px;color: #c4c4c4;}
.development-history .item .text h5{font-size: 16px;color: #c4c4c4;padding-top: 10px;}
.linedot {width: 30px;height:30px; background: #f5f5f5;margin:80px auto auto;position: relative;z-index: 33;}
.linedot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -25px;margin-left: -0.5px; background: #c4c4c4;display: block;}
.linedot li{width:18px;height: 18px;border: 1px solid #bfbfbf;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.linedot li i{display: block;width: 8px;height:8px;border-radius:10px;margin:5px;background: #bfbfbf;overflow: hidden;}
.development-history .swiper-slide-active .item .linedot li i{background: #cf001b;}
.development-history .swiper-slide-active .item .linedot li {border: 1px solid #cf001b;}
.development-history .swiper-slide-active .item .linedot::before { background:#cf001b;}
.development-history .swiper-slide-active .linedot::before {background: #232323;}
.development-history .swiper-slide-active .item .text h4{color: #000;}
.development-history .swiper-slide-active .item .text h5 {color: #000;opacity: .8;}
.development-history .swiper-slide-active .item .img .img-center{opacity: 1;width: 100%;}
html{font-size: calc(16vw / 1920 * 100);}
.about-social-obligation {padding: 5% 0 13% 0;overflow: hidden;}
.about-social-obligation .main-content {background: #fff;width: 90%;padding:5% 5% 3% 5%;position: relative;float: left;border-radius: 1.25rem;box-shadow: 0px 0.3rem 2.1875rem 0px rgba(0, 0, 0, 0.11);}
.about-social-obligation .left{float: left;width: 40%;margin-left: 10%;margin-top: 3%;}
.about-social-obligation .left .text{padding: 5% 0;}
.about-social-obligation .right{float:right;width: 45%;position: absolute;right:0;top:0;padding-right:13%;padding-top:7%;}
.about-social-obligation .right .img{}
.horizontal-line {width: 14rem;height: 0.3rem;position: absolute;background: #cf001b;left:-20%;top:25%;z-index:20;}
.title-en {font-size: 3.125rem;color: #e4e4e4;text-transform: uppercase;font-weight: normal;transform:rotate(90deg);position:absolute;right:-7%;top:37%;}
.quotation-marks  {background: url(../images/about-09.png);background-size: 100%;width: 7.3rem;height: 5.2rem;position: absolute;right:6%;top:-7%;}

 


 /* product */
.hq-product {position: relative;}
.hq-product-list {width: 83%;margin: auto;overflow: hidden;text-align: center;font-size: 0;padding:1% 0 5% 0;}
.product-item{position: relative;width:32.4%;margin:0 1.4% 1.4% 0;border-radius: 10px;overflow: hidden;text-align: center;float: left;}
.product-item.mr0 {margin:0 0 1.4% 0;}
.product-item a{display: block;overflow: hidden;background: #fff;padding: 5%;}
.product-item .item {overflow: hidden;background: #fff;padding: 5%;}
.product-item .img{position: relative}
.product-item .img .enname {font-size:80px;text-transform: uppercase;position: absolute;overflow: hidden;left: 0;top: 10%;width: 100%;z-index: 3;color: #000;font-weight: bold;opacity: 0;}
.product-item .txt{color: #b8b8b8;}
.product-item .txt h3{font-size: 20px;text-transform: uppercase;padding-bottom:3px;}
.product-item .txt h4{font-size: 16px;}
.product-item a:hover .img .enname{opacity: .1;}
.product-item a:hover .txt h3,.product-item a:hover .txt h4{color: #cf001b;}
.product-item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.product-item .item-hover ul {display: table;width: 100%;height: 100%;}
.product-item .item-hover ul li{display: table-cell;vertical-align: middle;}
.product-item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;}
.product-item .item-hover a.v1{}
.product-item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #cf001b;}
.product-item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.product-item .item:hover .item-hover {display: block;z-index:30;opacity: 1;}

.path {font-size: 14px;padding:10px 0;position: absolute;left: 0;top: 4%;z-index: 33;color: #a9a9a9;}
.path a{color: #a9a9a9;font-size: 14px;}
.path a.cur{color: #000;}
.path a:hover {color: #000;}

.hq-product-detail {position: relative;overflow: hidden;}
.product-detail {overflow: hidden;background: url("../upload/product-04.jpg") left top no-repeat;background-size: 100%;}
.product-detail .detail-content {width: 83%;margin: auto;overflow: hidden;position: relative;}
.product-detail .left{float: left;width:40%;position: relative;z-index: 3;padding-left:7%;}
.product-detail .right{width: 45%;position: absolute;height:100%;right: 0;top: 0;z-index: 1;}
.product-detail .right .introduce {float: right;}
.product-detail .right .introduce h2 strong{font-size: 44px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.product-detail .right .introduce h2 span{font-size: 34px;font-weight: normal;display: inline-block;vertical-align: middle;}
.product-detail .right .introduce .txt{padding:5% 0;font-size: 18px;line-height: 28px;color: #585858;}
.product-detail .right .introduce .item{font-size: 16px;line-height: 28px;color: #8d8d8d;margin-top:30px;}
.product-detail .right .introduce .bottom-txt{margin-top:70px;padding:40px 0 0px 20px;overflow: hidden;font-size: 16px;line-height: 28px;position: relative;}
.product-detail .right .introduce .bottom-txt img {display: inline-block;vertical-align: middle;margin-right: 10px;} 
.product-detail .right .introduce .bottom-txt h3{display: inline-block;vertical-align: middle;}


.product-detail .right .introduce .bottom-txt::after {content: '';display: block;width:60%;height: 2px;position: absolute;right: 0;bottom:15px;background: #ccc;}
.product-detail .right .introduce .bottom-txt .name-en {font-size: 60px;line-height: 60px;color: #cf001b;text-transform: uppercase;letter-spacing:25px;height: 100%; opacity: .1;position: absolute;left: 0;top: 0;z-index: 1;font-weight: bold;}
.x-line {clear: both;height: 2px;background: #dcdcdc;margin: 90px auto;width: 83%;}

.product-feature {width: 83%;margin: auto;}
.product-feature .item3{padding: 2% 0 0 0;}
.product-feature .item3 .item{width:26%;float: left;border-radius: 10px;background: #fff;overflow: hidden;padding:2% 3% 6% 3%;;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);margin:0 2% 2% 0;min-height: 60px;height:60px;}
.product-feature .item3 .item:last-child,.product-feature .item3 .item.mr0 {margin-right: 0;}
.product-feature .item3 .item .txt{font-size: 16px;line-height: 28px;color: #8d8d8d;}
.product-feature .item3 .item .num{font-size: 100px;color: #edb8bb;font-weight: bold;position: absolute;bottom:-45px;right:5%;}
.product-feature .item3 .item:hover .num{color: #cf001b;}
.product-feature .item3 .item:hover .txt{color: #000;}

.product-introduction {width: 83%;margin: auto;padding-top: 4%;}
.product-introduction .introduction {width:90%;margin:2% 0; border-radius: 10px;background: #fff url("../upload/product-05.jpg") right bottom no-repeat;overflow: hidden;padding:5%;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.product-introduction .introduction .txt {color: #8d8d8d;line-height: 28px;font-size: 16px;width: 70%;}

.product-other {width: 83%;margin:4% auto 5% auto;overflow: hidden;}
.product-other .list3 {padding:2% 0;overflow: hidden;}




 /* case */
.hq-case {position: relative;overflow: hidden;}
.hq-case-list {background: url("../upload/case-03.png") right top no-repeat;}
.hq-case-list .case-list-swiper{}
.hq-case-list .case-list-swiper .item{width: 83%;margin: auto;padding:1% 0;}
.hq-case-list .case-list-swiper .item .img{position: relative;width: 45%;float: left;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-case-list .case-list-swiper .item .right{width:50%;padding:5% 0;float: left;position: relative;margin-left: 5%;}
.hq-case-list .case-list-swiper .item .right .titles{}
.hq-case-list .case-list-swiper .item .right .text{padding-top: 40px;}
.hq-case-list .case-list-swiper .item .right .more {position: absolute;right: 0;bottom: 0;}
.hq-case-list .case-list-swiper .item .right .more a{display: block;font-size: 20px;padding-right: 30px;text-transform: uppercase; color: #000;background: url("../upload/r1.svg") right center no-repeat;background-size:30%; opacity: .4;}
.hq-case-list .case-list-swiper .item .right .more a:hover {opacity: 1;}
.hq-case-list .case-list-swiper .item .right .progress {background: #edc4c9;height:3px;width: 130px;position: absolute;left: 0;bottom:10px;}
.hq-case-list .case-list-swiper .item .right .progress::before {content: '';display: block;left: 0;top: 0;position: absolute;width: 0;height: 3px;z-index: 3; background: #cf001b;}
.case-small-swiper {margin: 3% auto 5% 8.5%;width: 91.5%;}
.case-small-swiper .img{position: relative;width:100%;border-radius: 10px;overflow: hidden; cursor: pointer;}
.case-small-swiper .img {background: #000;} 
.case-small-swiper .img img {opacity: .6;}
.case-small-swiper .swiper-slide-thumb-active .img img{opacity: 1;}

.hq-case-list .case-list-swiper .swiper-slide-active .item .right .progress::before {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.hq-case-detail {padding:1% 0;width: 83%;margin: auto;overflow: hidden;position: relative;}
.hq-case-detail .path {position: relative;left: auto;top: auto;}
.hq-case-detail .case-detail{padding:3% 0;overflow: hidden;}
.hq-case-detail .case-detail .left{float: left;width: 40%;}
.hq-case-detail .case-detail .left .titles h3{}
.hq-case-detail .case-detail .left .titles h4{}
.hq-case-detail .case-detail .left .line {background: #edc4c9;height:3px;width: 130px;position: relative;margin-top: 50px;}
.hq-case-detail .case-detail .left .line::before {content: '';display: block;left: 0;top: 0;position: absolute;width:30px;height: 3px;z-index: 3; background: #cf001b;}
.hq-case-detail .case-detail .right{float: right;width:60%;}
.hq-case-detail .case-detail .right .item{overflow: hidden;padding-bottom: 20px;color: #000;font-weight: bold;}
.hq-case-detail .case-detail .right .item li{font-size: 14px;display: inline-block;vertical-align: middle;width: 32%;}
.hq-case-detail .case-detail .right .txt{font-size: 14px;line-height: 28px;color: #9d9d9d;}

.case-detail-swiper {border-radius: 20px;overflow: hidden;clear: both;}
.case-detail-swiper .img {background: #000;}
.case-detail-swiper .swiper-button-prev:after,.case-detail-swiper .swiper-button-next:after {display: none;}
.swiper-next,.swiper-prev {width: 40px;height: 40px;}
.swiper-next {background: url("../upload/r2.png") center no-repeat;right: 2%;}
.swiper-prev {background: url("../upload/l2.png") center no-repeat;left: 2%;}

.l-mark {display: block;width: 10%;height: 100%;position: absolute;left: 0;top: 0;background:url("../upload/bg1.png") right repeat-y;z-index: 3;}
.r-mark {display: block;width: 10%;height: 100%;position: absolute;right: 0;top: 0;background:url("../upload/bg2.png") left repeat-y;z-index: 3;}




 /* serve */
.hq-service {position: relative;}
.service-network {padding:2% 0;overflow: hidden;}
.service-network .left {float: left;width:57%;}
.service-network .left .map{height: auto; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);background: #ccc;border-radius: 20px;overflow: hidden;}
.service-network .left .map img {display: block;width: 100%;height: auto;}
.service-network .right {float: left;width:30%;margin-left: 5%; padding-top: 1%;}
.city-choice {padding: 3% 0;overflow: hidden;}
.dealers-select {width:35%;border: 2px solid #ccc;height: 50px;font-size: 14px;color: #999999;padding:0 2%;font-weight: bold;margin: 2px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../upload/sj.svg") 90% center no-repeat;background-size:7%; outline: none;border-radius:5px;}
.dealers-submit {width:25%;height: 50px;background: #939393;color: #fff;font-weight: bold;cursor: pointer;border-radius:5px;border: none;outline: none;}
.dealers-submit:hover {background: #cf001b;}
.city-choice-list {margin-top: 3%;overflow: auto;height: 500px;}
.city-choice-list::-webkit-scrollbar{height:4px; width:3px;background-color:#ccc;}
.city-choice-list::-webkit-scrollbar-button{height:0; width:0;}
.city-choice-list::-webkit-scrollbar-thumb{background-color:#000;}
.list-h500 {width: 95%;border-top: 2px solid #ccc;}
.list-h500 a {display: block;overflow: hidden;padding:24px 0; border-bottom: 2px solid #ccc;position: relative;}
.list-h500 a i {width: 25px;height: 29px;position: absolute;left: 5%;top: 50%;margin-top:-14px; background: url("../upload/add.svg") center no-repeat;}
.list-h500 a span {margin-left:15%;width: 74%;padding-left:5%; display: block;position: relative;}
.list-h500 a span::before {content: '';display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}
.list-h500 a span h5{display: block;font-size: 14px;padding-bottom:5px;color: #000;}
.list-h500 a span h6{font-size: 14px;line-height:24px; font-weight: normal;color: #999;}
.list-h500 a span h6 * {color: #999;}
.list-h500 a:hover {background: #f1f1f1;}
.list-h500 a:hover span h5{color: #cf001b;}

.service-project {padding: 5% 0 10% 0;overflow: hidden;text-align: center;}
.service-project .top{text-align: center;position: absolute;width: 83%;left: 8.5%;z-index: 3;color: #fff;padding-top:5%;}
.service-project .top .item4{padding: 2% 0;overflow: hidden;}
.service-project .top .item4 .item {float: left;width: 24.1%;border-radius: 10px;overflow: hidden; margin-right: 1%;position: relative; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.service-project .top .item4 .item:last-child {margin-right: 0;}
.service-project .top .item4 .img{overflow: hidden;}
.service-project .top .item4 .txt{background: #fff;width: 90%;padding:5% 5%;overflow: hidden;font-size: 18px;color: #000;font-weight: bold;text-align: left;}
.service-project .top .item4 .txt::after {content: '';display: inline-block;vertical-align: middle;width:20px;height: 2px;background: #cf001b;margin-left: 20px;}

.service-technical-file {padding: 5% 0 7% 0;overflow: hidden;position: relative;margin-bottom:7%;}
.service-technical-file .main-content {position: relative;float: right;width: 97%;padding:3% 5%;background: #fff;border-radius: 20px 0 0 20px;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);min-height: 430px;}
.technical-nav {text-align: right;width: 50%;position: absolute;right:10%;top:20%;}
.technical-nav a{color: #b8b8b8;font-size: 20px;position: relative;font-weight: bold;display: inline-block;margin-left:50px;}
.technical-nav a::after {content: '';width: 100%;height: 2px;background: #000;display: none;margin-top: 10px;}
.technical-nav a.cur,.technical-nav a:hover{color: #000;}
.technical-nav a.cur::after {display: block;}

.technical-download {position: absolute;width: 92%;right: 0;bottom: 0;z-index: 40;}
.technical-swiper {position: relative;}
.technical-swiper .slidelist {text-align: center;}
.technical-swiper .slidelist .item{background: #ebebeb;width:80%;padding: 10%;overflow: hidden;position: relative;}
.technical-swiper .slidelist .item i{display: block;margin: 5% auto;}
.technical-swiper .slidelist .item h4{font-size: 16px;color: #818181;padding: 20px 0;}
.technical-swiper .slidelist .item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.technical-swiper .slidelist .item .item-hover ul {display: table;width: 100%;height: 100%;}
.technical-swiper .slidelist .item .item-hover ul li{display: table-cell;vertical-align: middle;}
.technical-swiper .slidelist .item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;background: #fff;}
.technical-swiper .slidelist .item .item-hover a.v1{}
.technical-swiper .slidelist .item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #cf001b;}
.technical-swiper .slidelist .item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.technical-swiper .slidelist .item:hover .item-hover {display: block;z-index:30;opacity: 1;}





 /* news */
.hq-news {position: relative;overflow: hidden;}
.hq-news-list {width: 83%;margin: auto;margin-bottom: 5%;}
.hq-news-list .item {overflow: hidden;border-radius: 10px;margin-bottom:2%;transition:all .4s ease;}
.hq-news-list .item a{display: block;overflow: hidden;background: #fff;position: relative;color: #000;}
.hq-news-list .item a .img{float: left;width:35%;background: #ccc;border-radius: 10px;overflow: hidden;}
.hq-news-list .item a .txt{position: absolute;right:5%;top: 0;width: 55%;height: 100%;}
.hq-news-list .item a .txt h2{position: relative;display: block;}
.hq-news-list .item a .txt h2 strong{font-size: 20px;}
.hq-news-list .item a .txt h2 span{position: absolute;right: 0;top:5px;color: #8d8d8d;font-size:20px;font-weight: normal;}
.hq-news-list .item a .txt h5{font-size: 14px;line-height: 26px;color: #8d8d8d;padding: 30px 0 30px 0;font-weight: normal;width: 80%;}
.hq-news-list .item a .txt h6{font-size: 16px;color: #8d8d8d;padding-right: 30px;background: url("../upload/r4.svg") right no-repeat;background-size:30%; display: inline-block;}
.hq-news-list .item a .txt .logobg {background: url("../upload/logo.png") no-repeat;width: 400px;height:106px;position: absolute;right:-2%;bottom:-12%;display: none;}
.hq-news-list .item a:hover .txt h2 strong{color: #cf001b;}
.hq-news-list .item a:hover .txt h5,.hq-news-list .item a:hover .txt h2 span {color: #000;}
.hq-news-list .item a:hover .txt h6{background: url("../upload/r3.svg") right no-repeat;}
.hq-news-list .item a:hover .txt .logobg {display: block;}
.hq-news-list .item:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
.page-turn {text-align: center;margin-top: 3%;clear: both;}
.page-turn a{display: inline-block;vertical-align: middle;margin:0.3%;width:70px;height:70px;line-height:70px; border-radius: 100%;text-align: center;font-size: 20px;background-color: #fff;background-position: center;background-repeat: no-repeat;color: #666;}	
.page-turn a:hover {background-color: #ccc;}
.page-turn a.prev{background-image: url("../upload/l4.svg");background-size: 40%;opacity: .6;}
.page-turn a.next{background-image: url("../upload/r4.svg");background-size: 40%;}
.page-turn a.cur{background: #cf001b;color: #fff;}

.hq-news-detail {padding:1% 0;width: 83%;margin: auto;position: relative;}
.hq-news-detail .path {position: relative;left: auto;top: auto;}
.hq-news-detail .news-detail{margin:3% 0 7% 0;}
.hq-news-detail .news-detail .left{float: left;width:60%;padding:5% 4%;overflow: hidden; background: #fff;border-radius: 20px;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-news-detail .news-detail .left .news-title {text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.hq-news-detail .news-detail .left .news-title h1{font-size: 26px;}
.hq-news-detail .news-detail .left .news-title h5{font-size: 14px;font-weight: normal;color: #9e9e9e;padding: 10px 0;}
.hq-news-detail .news-detail .left .news-title h5 span {margin-right: 4%;}
.news-detail-content {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px; color: #8d8d8d;border-bottom: 1px solid #ccc;}
.page-fanye {position: relative;padding-top:5%;}
.page-fanye a{display: block;color: #666;font-size: 14px;padding:14px 0px;position: absolute;}
.page-fanye a.prev{left: 0;padding-left: 30px;background: url("../upload/l4.svg") left center no-repeat;background-size: 30%;}
.page-fanye a.next{right: 0;padding-right:30px;background: url("../upload/r4.svg") right center no-repeat;background-size: 33%;text-align: right;}
.page-fanye a.retu{padding-left: 30px;background: url("../img/back.svg") left center no-repeat;background-size: 30%;left: 50%;margin:0 0 0 -20px;}
.page-fanye a:hover {background: #cf001b;padding:14px 40px;color: #fff;}
.page-fanye a.retu:hover {margin:0 0 0 -40px;}
.page-fanye a.prev:hover{background: url("../upload/l3.svg") 25% center no-repeat #cf001b;background-size: 20%;color: #fff;text-indent: 20px;}
.page-fanye a.next:hover{background: url("../upload/r5.svg") 75% center no-repeat #cf001b;background-size: 20%;color: #fff;padding-right:60px;}
.hq-news-detail .news-detail .right{float: right;width:27%;padding-top: 5%;overflow: hidden;}
.hq-news-detail .news-detail .right .titles {border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.hq-news-detail .news-detail .right .right-list {padding:10% 0 0 0;overflow: hidden;}
.hq-news-detail .news-detail .right .right-list a{display: block;overflow: hidden;font-size: 16px;position: relative;}
.hq-news-detail .news-detail .right .right-list a::after {content: '';display: block;width:20%;height:1px;background: #ccc;margin:30px 0;transition:all .4s ease;}
.hq-news-detail .news-detail .right .right-list a h4{color: #000;font-weight: normal;display: block;}
.hq-news-detail .news-detail .right .right-list a h5{font-size: 16px;font-weight: normal;color: #bbbbbb;position: relative;display: block;padding-top:20px;}
.hq-news-detail .news-detail .right .right-list a h5::before {content: '';display: none;width:16px;height:13px;background: url("../upload/r3.png") right bottom no-repeat;position: absolute;right: 0;top:20px;}
.hq-news-detail .news-detail .right .right-list a:hover h4,.hq-news-detail .news-detail .right .right-list a:hover h5{padding-left: 5%;}
.hq-news-detail .news-detail .right .right-list a:hover h4{color: #cf001b;}
.hq-news-detail .news-detail .right .right-list a:hover::after{width:100%;background: #cf001b;}
.hq-news-detail .news-detail .right .right-list a:hover h5::before {display: block;}



 /* recruit */
.hq-recruit {position: relative;overflow: hidden;}
.recruitment-list {overflow: hidden;}
.recruitment {width: 100%;margin: auto;}
.recruitment .rcontact{ margin-bottom: 1%;border-radius: 10px;overflow: hidden;}
.recruitment .rcontact .rtitle{padding:2% 5%;position: relative;cursor: pointer;overflow: hidden;background: #fff;color: #1a1a1a;}
.recruitment .rcontact .rtitle * {display: inline-block;vertical-align: middle;font-size: 16px;}
.recruitment .rcontact .rtitle h3 {width: 20%;font-size: 18px;}
.recruitment .rcontact .rtitle li {width: 59%;}
.recruitment .rcontact .rtitle li h5{color: #999999;font-weight: normal;}
.recruitment .rcontact .rtitle li i {width: 1px;height:20px;background: #333;display: inline-block;vertical-align: middle;margin: 0 34px;opacity: .4;}
.recruitment .rcontact .rtitle h4{width: 16%;text-align: right;color: #999999;padding-right:3%; font-weight: normal;position: relative;}
.recruitment .rcontact .rtitle h4 i{width:15px;height: 30px;opacity: 0.5; background: url("../img/toTop.svg") center no-repeat;position: absolute;right:0;top: 50%;margin-top: -15px;}
.recruitment .rcontact .rtitle.cur {font-weight: bold;background: #cf001b;color: #fff;}
.recruitment .rcontact .rtitle.cur h5,.recruitment .rcontact .rtitle.cur h4 {color: #fff;}
.recruitment .rcontact .rtitle.cur i {background: url("../img/toBottom.svg") center no-repeat ;}
.recruitment .rcontact .rtitle.cur li i {background: #fff;}
.recruitment .rcontact.cur ul.children{ display:block;}
.recruitment .rcontact ul{background: #fff;border-top: 1px solid #ededed; padding:3% 5%;font-size: 14px;line-height: 24px;color: #666666;}
.recruitment .rcontact ul.children{ display: none;}
.applyjobs {background: #cf001b;color: #fff;width: 150px;height: 50px;font-size: 16px;font-weight: bold;border-radius: 5px;line-height: 50px;text-align: center;display: block;margin: 30px 0;}
.applyjobs:hover {background: #cf001b;color: #fff;}




 /* contact */
.hq-contact {position: relative;overflow: hidden;}




.development-history .item .text h5,.hq-product-list .product-item .img .enname,.lastest-news .right .inews-item a .txt h4,.lastest-news .right .inews-item-list a .txt h3,.lastest-news .right .inews-item a .txt h2,.technical-swiper .slidelist .item h4,.hq-news-list .item a .txt h2 strong
{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}




.news-arrival .left .item .txt h3 ,.news-arrival .right .item .txt h3,.news-arrival .right .item .more,.news-arrival .left .item .more,.moreStyle span,.news-arrival .t1 p,.t1 p,.brandmore,.apply-nav a.more,.apply-case-swiper .item .txt h5,.lastest-news .right .inews-item-list a .data h2,.lastest-news .right .inews-item-list a .data h4,.lastest-news .right .inews-item a .txt h6 span,.lastest-news .lnews-nav a.more,.titles h4,.development-history .item .text h4,.product-item .txt h3,.product-item .img .enname,.product-detail .right .introduce h2 strong,.product-feature .item3 .item .num,.hq-case-list .case-list-swiper .item .right .more a,.hq-news-list .item a .txt h2 span,.page-turn a,.title h5,.recruitment .rcontact .rtitle h4,.hq-page-banner-top .column h4,.brand-adva .bgtxt
{font-family:Montserrat,"微软雅黑";}





/* 2022/01/01 */
.nav-content.cur {overflow: visible;}
.nav-content.cur ul {overflow: visible; padding-bottom: 0;}
.nav-content.cur .nav-show {position: absolute;background-color: #fff; z-index: 11;left: 50%;top: 100px;padding: 10% 0;display:none;height: auto;transform: translateX(-50%);box-sizing: border-box;transition:all .4s ease;}
.nav-content.cur ul li a::before {display: none;}
.nav-content.cur .nav-show  a {padding: 0 10%;}
.nav-show {text-align: center;}
.nav-show::after {left: 50%;margin-left: -10px;}
.nav-content.cur ul li.cur .nav-show  {display: block;}
.nav-content.cur ul li ol {position: relative;margin: 0;padding: 0;}
.nav-content.cur ul li ol.cur .nav-show-tow{display: block;}
.nav-content.cur ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.nav-show-tow {display: none;position: absolute;left: 100%;top: 0;overflow:hidden;width: 100%;height: auto;z-index: 11;background-color: #fff;padding: 10% 0;box-sizing: border-box;transition:all .4s ease;border-left: 1px solid #ccc;}
.nav-content ul li {padding: 0 3%!important;}
.nav-content ul li:first-child {padding: 0 3%!important;/* width: 6rem; */}
.nav-content ul li:last-child{padding: 0 3%!important;}
.nav-content ul li:first-child .nav-show{left: 50%;}
.nav-content ul li:last-child .nav-show{left: 50%;right: auto;}
.nav-content.cur ul li ol.cur a.n1 {color: #cf001b;}
.hq-page-nav a {font-size:16px;}
.hq-page-nav {padding: 30px 0;}
.en .nav-content ul li .nav-show {display: none!important;}
.en .nav-content ul li a { text-align: center!important;}
.en .nav-content.cur ul li.cur .nav-show {display: block!important;}
.en .nav-show-tow {width:auto!important;}
.en .nav-content ul li .nav-show {padding:10% 0;}
.en .nav-show-tow {left: 100%;right:auto;}
@media screen and (max-width: 1440px){
    .hq-page-nav a {font-size:13px!important;}
}
@media screen and (max-width: 840px){
    .hq-page-nav a {width: auto; padding: 10px 20px;margin:1%;}
    .hq-page-nav.num3 a,.hq-page-nav.num2 a,.hq-page-nav.num4 a,.hq-page-nav.num5 a,.hq-page-nav.num6 a {margin:1%!important;width: auto!important;}
}
.clear66{    clear: both;}